<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>Faturamento de Serviços</title>
	<link href="http://fonts.googleapis.com/css?family=Oxygen"
		rel="stylesheet" type="text/css" />
	<link href="css/style.css" rel="stylesheet" type="text/css"
		media="screen" />
</h:head>
<h:body>
	<f:view>
		<h:form>
			<div id="wrapper">
				<div id="header-wrapper">
					<div id="header">
						<div id="logo">
							<h1>
								<a href="#">Hotelar</a>
							</h1>
							<p>Alguma frase</p>
						</div>
					</div>
				</div>
				<!-- end #header -->
				<div id="menu">
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">Hóspede</a></li>
						<li class="current_page_item"><a href="#">Serviços</a></li>
						<li><a href="#">Despesas</a></li>
						<li><a href="#">Checkin</a></li>
						<li><a href="#">Checkout</a></li>
						<li><a href="#">Relatórios</a></li>
					</ul>
				</div>
				<!-- end #menu -->
				<div id="page">
					<div id="page-bgtop">
						<div id="page-bgbtm">
							<div id="content">
								<div class="post">
									<h2 class="title">Faturamento de Serviços</h2>
									<br />
									<h3>Faturamento dos Serviços no mês anterior</h3>
									<br />
									<p:commandButton value="Calcular"
													action="#{faturamentoServicoBean.calculaFaturamento}" ajax="false" /><br /><br />
									<p:pieChart id="fat" value="#{faturamentoServicoBean.pieModel}"
										legendPosition="w" title="Faturameto dos Serviços"
										style="width:400px;height:300px" />
									<br />
								</div>
							</div>
							<!-- end #content -->
						</div>
					</div>
				</div>
				<!-- end #page -->
			</div>
			<div id="footer">
				<p>
					Copyright (c) 2012 Sitename.com. All rights reserved. Design by <a
						href="http://www.freecsstemplates.org/"> Free CSS Templates</a>.
					Photos by <a href="http://fotogrph.com/">fotogrph</a>.
				</p>
			</div>
			<!-- end #footer -->
		</h:form>
	</f:view>
</h:body>
</html>